import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
import theme from "@chakra-ui/theme";
import { ChakraProvider, CSSReset } from "@chakra-ui/core";
import CustomTheme from './theme';

// theme.config.initialColorMode = 'dark';

theme.config.useSystemColorMode = true;
console.log(theme)

const myTheme = {
  ...theme,
  components: {
    ...theme.components,
    ...CustomTheme
  }
}

ReactDOM.render(
  <ChakraProvider theme={myTheme}>
    <CSSReset />
    <App />
  </ChakraProvider>,
  document.getElementById("root")
);
